به وبلاگ من خوش آمدید

تبادل لینک هوشمند

برای تبادل لینک ابتدا ما را با عنوان اموزشی و آدرس srdrsohastarpc.LXB.ir لینک نمایید سپس مشخصات لینک خود را در زیر نوشته . در صورت وجود لینک ما در سایت شما لینکتان به طور خودکار در سایت ما قرار میگیرد.






آمار وب سایت:  

بازدید امروز :
بازدید دیروز :
بازدید هفته :
بازدید ماه :
بازدید کل :
تعداد مطالب : 1
تعداد نظرات : 0
تعداد آنلاین : 1

Music Player

Music Player

music-cover
برای استفاده از آیکون ها و زیباتر سازی برنامه از fontawesome استفاده می کنیم: در ادامه به یک نگهدارنده یا کانتینر اصلی نیاز داریم. این نگهدارنده یک تگ div با کلاس music-container است. اجزای اصلی برنامه در این قسمت قرار می گیرند و همان طور که قبلا هم گفتیم این تگ یک نگهدارنده است. به چندین تگ دیگر نیز نیاز داریم. این تگ ها در زیر آمده اند: یک تگ div برای نشان دادن اطلاعات آهنگ با کلاس music-info

یک تگ audio برای پخش آهنگ یک تگ div برای نشان دادن تصویر با کلاس img-container
music-cover
یک تگ div برای نشان دادن دکمه های مختلف برای کار کردن با آهنگ ها با کلاس navigation const musicContainer = document.getElementById('music-container'); const playBtn = document.getElementById('play'); const prevBtn = document.getElementById('prev'); const nextBtn = document.getElementById('next'); const audio = document.getElementById('audio'); const progress = document.getElementById('progress'); const progressContainer = document.getElementById('progress-container'); const title = document.getElementById('title'); const cover = document.getElementById('cover'); // Song titles const songs = ['hey', 'summer', 'ukulele']; // Keep track of song let songIndex = 2; // Initially load song details into DOM loadSong(songs[songIndex]); // Update song details function loadSong(song) { title.innerText = song; audio.src = `music/${song}.mp3`; cover.src = `images/${song}.jpg`; }

آمار مطالب

کل مطالب : 1
کل نظرات : 0

آمار کاربران

افراد آنلاین : 1
تعداد اعضا : 0

کاربران آنلاین


آمار بازدید

بازدید امروز :
باردید دیروز :
بازدید هفته :
بازدید ماه :
بازدید سال :
بازدید کلی :
گفتگو با مدیر وب

نوید چت بنویس تو گوکل بفرمایید بیاییید

تعداد بازدید از این مطلب: 4
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0


صفحه قبل 1 صفحه بعد


عضو شوید


نام کاربری
رمز عبور

فراموشی رمز عبور؟

عضویت سریع

نام کاربری
رمز عبور
تکرار رمز
ایمیل
کد تصویری
براي اطلاع از آپيدت شدن وبلاگ در خبرنامه وبلاگ عضو شويد تا جديدترين مطالب به ايميل شما ارسال شود